<template>
  <footer
    class="mt-60px bottom-0 left-0 z-20 w-full p-2 bg-white border-t border-b border-gray-200 dark:bg-gray-800 dark:border-gray-600"
  >
    <div
      class="max-w-screen-xl mx-auto md:flex md:items-center md:justify-between p-4"
    >
      <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
        >© 2023
        <a
          href="https://gitee.com/theshikong"
          target="_blank"
          class="hover:underline"
          >blog™</a
        ><span class="ml-1">. All Rights Reserved.</span
        >
      </span>
      
      <ul
        class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0"
      >
      <el-link
      class="mr-5"
          :underline="false"
          href="https://beian.miit.gov.cn/"
          target="_blank"
        >
          鄂ICP备2023004784号
        </el-link>
        Provided by&nbsp;
        <li>
          <el-link @click="login" target="_blank">
            {{ $store.state.setting.author }}</el-link
          >
        </li>
      </ul>
    </div>
  </footer>
</template>
<script setup>
import { useRouter } from "vue-router";

// 跳转路由
const router = useRouter();

function login() {
  router.push("/login");
}
</script>
<style scoped></style>
